﻿<%@ Page Language="C#" 
         MasterPageFile="~/Views/Shared/Site.Master" 
         Inherits="System.Web.Mvc.ViewPage<IEnumerable<BostonAzureSite.ViewModels.FirestarterViewModel>>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Firestarter all-day Azure learning event at NERD in Cambridge, MA  
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="HeadContentHolder" runat="server">
    <link rel="stylesheet" href="/content/gallerific/basic.css" type="text/css" />
	<link rel="stylesheet" href="/content/gallerific/galleriffic-2.css" type="text/css" />
    <script type="text/javascript" src="/content/gallerific/gallerific.js"></script>
    <script type="text/javascript" src="/content/jquery.opacityrollover.js"></script>
    <!-- We only want the thunbnails to display when javascript is disabled -->
	<script type="text/javascript">
		document.write('<style>.noscript { display: none; }</style>');
	</script>
    <script type="text/javascript" src="/content/events.js"></script>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h2>May 8, 2010 Boston Azure Firestarter has come and gone - and was a success!</h2>

    Below on this page please find some event photos. Also, there is
    <a href="http://blog.codingoutloud.com/2010/05/22/boston-azure-firestarter-wrap-up/" target="_blank">a write-up of the Boston Azure Firestarter event</a> 
    which includes details from the day and links to resources.
    <br />
        <%if (Model.Count() > 0)
      { %>
    <h3>Photos from the Firestarter...</h3>

    <div id="gallery" class="content">
	    <div id="controls" class="controls"></div>
	    <div class="slideshow-container">
		    <div id="loading" class="loader"></div>
		    <div id="slideshow" class="slideshow"></div>
	    </div>
	    <div id="caption" class="caption-container"></div>
    </div>

    <div id="thumbs" class="navigation">
        <ul class="thumbs noscript">

            <% foreach (var item in Model) { %>

                <li>
                    <a class="thumb" name="one" href="http://blob.bostonazure.org/firestarter/<%= item.ImageName%>" title="Title 1">
                        <img height="75" width="75" src="http://blob.bostonazure.org/firestarter/<%= item.ImageName%>" alt="Title 0" />
                    </a>
                    <div class="caption">
                        <!--(Any html can go here)-->
                    </div>
                </li>

            <% } %>

        </ul>
    </div>
     <%} 
      else
      {%>
        <p>Sorry no pictures are available.</p>
       
    <% } %>

</asp:Content>